<template>
	<rui-pages>
		<view class="service">
			<view class="service_head">
				<view class="service_head_name">
					SMIHE神秘盒科技
				</view>
			</view>
			<view class="service_tips">
				请添加我的企业微信
			</view>
			<image show-menu-by-longpress class="service_qrcode" :src="info.qrcode" mode=""></image>
			<view class="service_text">
				长按二维码，添加企业微信
			</view>
			<view class="service_bottom">
				<rui-icons icon="weixin"></rui-icons>企业微信
			</view>
		</view>



	</rui-pages>
</template>

<script setup>
	import {
		ref
	} from "vue"
	import {
		onLoad
	} from "@dcloudio/uni-app"
	import {
		getService
	} from "@/common/api.js"
	
	let info = ref({})
	
	onLoad(() => {
		getService().then(res => {
			info.value = res.data
		})
	})
</script>

<style lang="scss" scoped>
	.service {
		background-color: #fff;
		border-radius: 20rpx;
		margin: 40rpx;
		text-align: center;
		overflow: hidden;

		&_bottom {
			padding-bottom: 50rpx;
		}

		&_tips {
			margin-top: 50rpx;
		}

		&_qrcode {
			width: 300rpx;
			height: 300rpx;
			margin: 30rpx auto;
		}

		&_head {
			background: var(--color);
			padding: 50rpx;

			&_name {
				font-size: 36rpx;
				font-weight: bold;
				color: #fff;
			}
		}
	}
</style>